<template>
  <div class="home-container">
    <!-- 右侧边导航 -->
     <RightSideBar/>
    <!-- 顶部导航 -->
    <TopNav />
    <!-- 搜索部分 -->
    <SearchView />
    <!-- 商品分类 -->
    <ProductSorts />
    <!-- 全部商品 -->
    <AllProducts />
    <!-- 底部 -->
    <FooterView />

  </div>
</template>

<script setup>
// 在这里写 Composition API 代码
import { onErrorCaptured, onMounted } from 'vue'
import RightSideBar from '../../components/RightSideBar/RightSideBar.vue'
import TopNav from './components/TopNav.vue'
import SearchView from './components/SearchView.vue';
import ProductSorts from './components/ProductSorts.vue'
import AllProducts from './components/AllProducts.vue'
import FooterView from './components/FooterView.vue'

// 添加错误捕获
onErrorCaptured((error, instance, info) => {
  // 如果错误来自第三方脚本，忽略它
  if (error.stack && error.stack.includes('content_scripts')) {
    console.warn('Ignored error from browser extension in IndexView:', error)
    return false // 阻止错误继续传播
  }
  // 其他错误正常处理
  console.error('Error in IndexView:', error, info)
})

onMounted(() => {
  // 添加额外的安全检查
  if (typeof window !== 'undefined') {
    // 确保页面加载完成后没有异常
    console.log('IndexView mounted successfully')
  }
})
</script>

<style scoped lang="scss">
// 在这里写 SCSS 样式
.home-container {
  height: 100vh;
  //   .left-section{

  //   }
  // .right-section{

  // }
}
</style>
